<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>公告通知</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="../../../favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="../../../style.css">
    <style>
        body {
            background: #f0f2f5;
        }
        .main-head {
            padding-left: 10px;
            padding-top: 10px;
            margin-bottom: 0px;
            border: solid 1px #fff;
        }
        #editForm{
            padding: 30px;
        }
        .page-main{
            height: 80%;
        }
        .timeDiv{
            text-align: center;
            color: #999999;
            width: 100%;
        }
        .logo{
            background: #FFFFFF;
            padding: 10px 0;
        }
        .notice_content{
            background: #ffffff;
            padding: 0 25%;
        }
        #notice_main{
            line-height: 50px;
        }
    </style>
</head>
<body>
<div class="page" id="page-monitor" style="display: none">
    <div class="page-main">
        <p class="logo">
            <img src="../../../imgs/logo-dl.png">
        </p>
        <div class="notice_content">
        <h1 align="center">{{bbsData.bbsTitle}}</h1>
        <div class="timeDiv">{{bbsData.createTime}}</div>
            <el-divider></el-divider>

            <div id="notice_main">

            </div>
        </div>

    </div>

</div>
<script type="text/javascript" src="release/wangEditor.js"></script>
<script type='text/javascript' src='../../../assets/bundle.js' charset='utf-8'></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type='text/javascript' src='../../../assets/jquery-1.11.2.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../assets/echarts.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../js/common.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../js/component.js' charset='utf-8'></script>

<script>

    var vuePage = new Vue({
        el: '#page-monitor',
        data: {
            bbsData:{},
        },
        methods: {

        },
        created: function () {
            $('.page').show();
            this.bbsId =HttpUtil.getQueryString('bbsId');
        },
        mounted: function () {
            HttpUtil.get('CompanyBbs/BbsList',{BbsId:this.bbsId}).success((r)=>{
                $('#notice_main').html(r.data[0].bbsdata[0].bbsContent);
                r.data[0].bbsdata[0].createTime =  r.data[0].bbsdata[0].createTime? r.data[0].bbsdata[0].createTime.replace('T',' '):'';
                this.bbsData = r.data[0].bbsdata[0]
            })

        }
    });


</script>

</body>
</html>
